<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="js/JQuery2.1.4.js"></script>
</head>
<style>
  .first{
    width: 100%;
    height: 60px;
    border: 1px solid #F3F3F4;
    border-radius: 5px;
    line-height: 60px;
    background: #FFFFFF;
    padding-left: 20px;
    box-sizing: border-box;
  }
  .first input,select{
    width: 120px;
    height: 20px;
    margin-right: 30px;
    border-radius: 5px;
    border: 1px solid #F3F3F4;
    background: #FFFFFF;
    outline: none;
  }
  .first button{
    width: 49px;
    height: 26px;
    border-radius: 20px;
    background: #00F7DE;
    color: #FFFFFF;
    border: none;
    opacity: 0.8;
  }
  button:hover{
    opacity: 1;
  }
  .second{
    margin-top: 20px;
    width: 100%;
    height: 525px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #F3F3F4;
  }
  .second .secondTop{
    width: 100%;
    height: 30px;
  }
  .second .secondTop .secondTopLeft{
    float: left;
    width: 300px;
    height: 100%;
  }
  .second .secondTop .secondTopRight{
    float: right;
    width: 300px;
    height: 100%;
  }
  .second .secondTop .secondTopLeft ul{
    margin-left: -37px;
    box-sizing: border-box;
  }
  .second .secondTop .secondTopLeft ul li{
    float: left;
    list-style: none;
  }
  .second .secondTop .secondTopLeft ul li button{
    margin-right: 10px;
    border-radius: 5px;
    border: none;
    opacity: 0.8;
    height: 26px;
  }
  .tt{
    width: 100%;
    height: 20px;
  }
  .second .secondMiddle{
    width: 100%;
    height: 170px;
  }
  .second .secondMiddle .mainTable{
    width: 100%;
  }
  .second .secondMiddle .mainTable thead tr{
    background: #EFF3F8;

  }
  .second .secondMiddle .mainTable thead tr th{
    border-bottom: 1px solid #CCCCCC;
  }
  .second .secondMiddle .mainTable td,th{
    border-bottom: 1px solid #F3F3F4;
    height: 25px;
    font-weight: normal;
    font-size: 13px;
    text-align: center;
  }
</style>
<body>
<div class="first">
  菜单状态: <select>
  <option>---</option>
  <option>hh</option>
  <option>ss</option>
</select>
  <button>搜索</button>
</div>
<div class="second">

  <div class="secondMiddle">
    老人信息展示
    <table class="mainTable" border="0" cellspacing="0" cellpadding="0">
      <thead>
      <tr>
        <th>菜单名称</th>
        <th>排序</th>
        <th>请求地址</th>
        <th>类型</th>
        <th>可见</th>
        <th>权限标识</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      </tbody>
    </table>
  </div>
  <div class="secondMiddle">
    老人信息展示
    <table class="mainTable" border="0" cellspacing="0" cellpadding="0">
      <thead>
      <tr>
        <th>菜单名称</th>
        <th>排序</th>
        <th>请求地址</th>
        <th>类型</th>
        <th>可见</th>
        <th>权限标识</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      <tr>
        <td>菜单名称</td>
        <td>排序</td>
        <td>请求地址</td>
        <td>类型</td>
        <td>可见</td>
        <td>权限标识</td>
        <td>操作</td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
</body>
<script>
  $("tbody>tr").mouseout(function(){$(this).css("background","#FFFFFF")})
  $("tbody>tr").mouseover(function(){$(this).css("background","#EFF3F8")})
</script>
</html>